<template>
    <p>父组件</p>
    <Son v-slot="slotProps">
        <p>儿子的名字是 {{ slotProps.sonName }}</p>
    </Son>

    <Son v-slot="{ sonName }">
    <p>儿子的名字是{{ sonName}}</p>
    </Son>

    <BobSon>
        <template v-slot:header="{sonName}">
            <p>另一个儿子的名字是{{ sonName }}</p>
        </template>
    </BobSon>
</template>


<script>
import Son from "./Son.vue";
import BobSon from "./BobSon.vue";

export default{
    components:{
        Son,
        BobSon
    }
}
</script>